<template>
  <div v-if="detail">
    <el-row>
      <el-col :span="8" class="detail-info-item">
        <div class="detail-info__label">计划访视日期</div>
        <div class="detail-info__content">{{ detail.planTime }}</div>
      </el-col>
      <el-col :span="8" class="detail-info-item">
        <div class="detail-info__label">窗口期</div>
        <div class="detail-info__content">±{{ detail.winPhase }}</div>
      </el-col>
      <el-col :span="8" class="detail-info-item">
        <div class="detail-info__label">实际访视日期</div>
        <div class="detail-info__content">{{ detail.scanDate }}</div>
      </el-col>
    </el-row>
    <el-row>
      <el-col :span="8" class="detail-info-item">
        <div class="detail-info__label">受试者</div>
        <div class="detail-info__content">{{ detail.sic }}</div>
      </el-col>
      <el-col :span="8" class="detail-info-item">
        <div class="detail-info__label">提交时间</div>
        <div class="detail-info__content">{{ detail.name }}</div>
      </el-col>
      <el-col :span="8" class="detail-info-item">
        <div class="detail-info__label">提交次数</div>
        <div class="detail-info__content">{{ detail.pointValue }}</div>
      </el-col>
    </el-row>
  </div>
</template>

<script lang="ts" setup>
import { PropType } from 'vue'

import IBaseObj from '#/index'

defineProps({
  detail: {
    type: Object as PropType<IBaseObj>,
    default: () => {},
  },
})
</script>
